위키/스킨/Central(the tree)_(비교)

 r17 vs r18
 [[분류:위키/스킨]]
 [include(틀:관련 문서, 문서=위키/스킨/Central)]
 [목차]
 == 개요 ==
 [[the tree]] 위키 엔진에서 사용 가능한 Central 스킨에 대한 설명을 하는 문서이다.
 == 사용 방법 ==
 === publicConfig.json ===
 ||<-5><tablebordercolor=#696FFF><bgcolor=#696FFF><tablebgcolor=#fff,#1c1d1f><color=#fff> {{{+1 '''Central 스킨 변수'''}}} ||
 || '''종류''' || '''변수 이름''' || '''기본값''' || '''사용 예시''' || '''추가 설명''' ||
 || 메인 컬러 || skin.central.main_color || #996FFF || "skin.central.main_color": "#696FFF" || [* 크롬 테마 컬러와 엔진 내부의 브랜드 컬러로 사용된다.] ||
 || 상단바 색상 || skin.central.nav_color || #996FFF || "skin.central.nav_color": "linear-gradient(90deg, #996FFF, #696FFF)" || [* 단색이 기본값이나 그라데이션 같은 문법도 사용 가능하다.] ||
 || 서브 컬러 || skin.central.sub_color || #A783FF || "skin.central.sub_color": "#7E83FF" || [* 상단바 아이템을 마우스 호버할 때 나타나는 색상과 마우스 드래그 했을 때 표시되는 색상이다.] ||
 ||<|2> 이름공간 밑줄 색상 || skin.central.ns_color ||<|2> #A783FF40
 [* 투명도가 포함되어 있는 헥스 코드이기 때문에 기본값으로는 다크모드 구분이 없다. 구버전 브라우저에서는 작동 안 할 수 있다.] || "skin.central.ns_color": "#e7ddff" || [* 라이트모드일 때의 이름공간 밑줄 색상.] ||
 || skin.central.dark_ns_color || "skin.central.dark_ns_color": "#532fa9" || [* 라이트모드일 때의 이름공간 밑줄 색상.] ||
 || 상단바 로고 가로 길이 || skin.central.logo_width || 75px || "skin.central.logo_width": "75px" || [* 로고가 표시될 면적] ||
 || 상단바 로고 이미지 세로 크기 || skin.central.logo_size || auto || "skin.central.logo_size": "20px" || [* svg면 자동 조정되나 png, jpg같은 일반 이미지는 따로 조정해줘야 한다.] ||
 || 특수 기능 드롭다운 위치 변경 || skin.central.dropdown_left || auto || "skin.central.dropdown_left": "0" || [* 로고 길이가 짧은 경우 드롭다운이 오른쪽 정렬할 때 왼쪽이 잘리는 문제가 있는 경우만 0으로 사용할 것.] ||
 == 라이선스 ==
   * 다올위키의 라이선스 페이지를 참고하세요. [[https://daol.cc/License| ]]
 == 업데이트 내역 ==
 === v4.0 ===
 ==== 2025/01/25 ====
  * 첫 커밋 시작
  * dark.css 우선 순위 변경
  * js 변수 구조 변경
  * 드롭다운 작동 안하는 문제 수정
  * 사이드바 API 대신 엔진 API로 변경
  * 툴 버튼 드롭다운 일부 사용
  * 최근 변경에서 닉네임이 길 경우 줄 바꿈 되도록 수정
  * 툴 버튼에 드롭다운이 존재하면 마지막 둥근 모서리 안되는 문제 수정
  * 의도치 않은 동작 때문에 :focus 삭제
 ==== 2025/01/26 ====
  * skin.central.dark_ns_color 추가
  * the tree와 맞지 않는 링크 수정
  * 편집 요청 팝업 구현 전 임시로 링크로 들어가지게 수정
  * 일부 다크모드 미적용 해결
  * 색상 불러오는 방식 모두 js로 수정
  * 공지 디자인 수정
  * 스킨 설정(내비바 고정, 사이드바 위치 조정) 추가
 ==== 2025/01/27 ====
  * 다크모드일 때 sub 색상이 라이트 색상으로 표시되던 오류 수정
  * 변수 색상[* 라이트 모드 링크 색상, 드래그할 때 나오는 컬러] 조정
  * 업로드나 편집할 때 저장 버튼이 본문에서 튀어나가는 문제 해결
 ==== 2025/01/28 ====
  * 변수 색상 실수 수정
  * 로고 css 수정
  * 사이드바 사용자 탭 추가
  * 설정에 사용자 사이드바 끄기 기능 추가
 ==== 2025/01/29 ====
  * 보고 있는 문서에 토론이 진행 중이면 토론 버튼에 강조 색상 추가
  * 사이드바 최근 변경 수 8개에서 12개로 변경
  * 다크모드 방식 변경
 ==== 2025/01/30 ====
  * 문서 이름이 길 때 툴 버튼에서 줄바꿈되는 오류 수정
  * 광고 상단, 측면 추가
  * 모바일에서 툴 버튼이 튀어나가는 오류 수정
 ==== 2025/01/31 ====
  * 사용자 토론이 존재하면 표시되는 공지 UI 추가[* 검색 창 오른쪽에 알림은 가독성이 안 좋다고 판단하여 닫을 수 있는 알림 추가.]
  * 공지 UI 활용하여 편집 요청 메시지 추가
  * 공지 UI의 카테고리가 중앙이 틀어진 오류 수정
 ==== 2025/02/01 ====
  * 툴 버튼의 일부 아이콘 변경
  * 본문 글씨 크기 16px에서 15px로 조정
 ==== 2025/02/03 ====
  * [다크 모드] 편집 요청 공지 UI에서 링크 구별이 안되는 오류 수정
  * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정
  * [다크 모드] 배경 색 변경
 ==== 2025/02/04 ====
  * code 박스, 중괄호로 문법 무효할 때의 글꼴 지정
  * 라이선스 페이지에서 가로 스크롤 추가[* 라이선스 정보가 더 길 경우 스킨을 벗어나는 문제가 있었음.]
 ==== 2025/02/05 ====
  * [다크 모드] 위키 공지에 링크 색상 변경
  * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 2
 ==== 2025/02/06 ====
  * [다크 모드] 문서에서 외부 링크 색상 수정
 ==== 2025/02/12 ====
  * js 파일이 the tree로 옮겨지면서 main.js, sub.js 굳이 이원화할 이유가 사라짐에 따라 main.js로 통합
 ==== 2025/02/17 ====
  * 각주에 사진이 있을 때 글자와 세로 중앙이 안 맞는 문제 해결
 === v4.1 ===
 ==== 2025/02/19 ====
  * the tree 엔진에 이름공간에 따른 라이선스 표기 방식으로 변경됨에 따라 라이선스 표기 방식 변경
 ==== 2025/02/23 ====
  * 폰트어썸 버전 업데이트
  * 다크 모드,  라이트 모드로 전환할 때 부드럽게 전환되게 애니메이션 추가
  * 위키에서 볼드체 표기를 700에서 600으로 변경
  * 이름공간 밑줄 표시를 : 포함시키도록 수정
 ==== 2025/02/24 ====
  * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 3
 ==== 2025/02/25 ====
  * 편집을 아예 못할 때 표시되는 자물쇠 열려 있는 아이콘을 수정
  * 사용자 사이드바 끄기를 기본값으로 변경
  * 문서 하단에 표기되는 저작권 정책을 오측 정렬로 본문가 이격
  * 위키 로고가 짧은 경우를 위해 특수 기능 드롭다운 위치를 조정할 수 있는 config 추가
  * 최하단 링크를 눌렀을 때 새 탭으로 열리도록 수정
 ==== 2025/02/26 ====
  * 문서 도구 드롭다운에도 아이콘 추가
  * 본문의 최소 높이를 추가
  * 사용자 드롭다운에 편집 요청 기여 목록 추가
 ==== 2025/02/27 ====
  * 사이드바 기본값의 모바일, PC 구분 방식 변경
  * 부드러운 스크롤 추가
 ==== 2025/03/09 ====
  * [다크 모드] 버튼 hover 색상 변경
  * [다크 모드] the tree 내부 UI에서 다크 모드가 적용 안되는 부분 적용되게 수정 4
  * [다크 모드] 공지 디자인에서 X 버튼에 색상 변경
  * the tree에 고립된 분류 기능 추가에 따른 드롭다운에 링크 추가
 === v4.2 ===
 ==== 2025/03/10 ====
  * 스킨 라이선스 표기 방식 변경
  * [다크 모드] 위키 엔진에서 사용하는 최근 변경 위키 대표 색을 변경
 ==== 2025/03/11 ====
  * 프리텐다드가 적용되지 않는 select도 적용되도록 수정
  * 모나코 에디터와 충돌하는 css 수정
  * 표 기본 색상을 #fff로 수정
 ==== 2025/03/12 ====
  * [다크 모드] the tree 내부 UI를 건드리는 css 모두 삭제
  * 사이드바 아이템을 호버했을 때의 변화 추가
  * 사이드바 목차 기능 추가
  * 레거시 목차 css 갱신
 ==== 2025/03/15 ====
  * 목차 링크 구현
  * 라이선스에 © Gwangtori, '''hyonsu'''. all rights reserved. 추가
 ==== 2025/03/16 ====
  * 목차 .을 숫자 텍스트에 포함
  * 사이드바 목차에 문법 표시 삭제
  * 사이드바 목차 headings null 확인
  * 사이드바 padding 값 수정
 ==== 2025/03/17 ====
  * the tree 업데이트인 다크 모드 class 명칭 변경에 따른 .theseed-dark-mode → .thetree-dark-mode로 변경
 ==== 2025/03/18 ====
  * 사이드바 목차의 글자 크기를 15px에서 14.4px로 변경
  * [다크 모드] 링크 색상이 적용 안되는 문제 해결
  * [다크 모드] 라이선스 페이지에서 링크 색상 수정
 ==== 2025/03/19 ====
  * css 우선 순위로 인한 수정
 ==== 2025/03/20 ====
  * css 우선 순위로 인한 수정
 ==== 2025/03/28 ====
  * 모나코 에디터와 충돌로 인한 div에 프리텐다드 적용 삭제
 ==== 2025/04/05 ====
  * 프로그레스 바에 이름공간 밑줄 색상이 적용되도록 수정
  * 최근 변경 사이드바 메뉴들도 15px에서 14.4px로 수정
 ==== 2025/04/21 ====
  * 다크 모드에서 파란 링크로 표시되는 것을 설정화 함
   * 주황 링크를 원하는 사람이 있어서 패치를 해봄
   * 반쪽 짜리 기능이였으나 vue로 오면서 작동 안 함...
 === v5.0 ===
 ==== 2025/04/27 ====
  * '''[[the tree]]의 프론트엔드가 ejs에서 vue로 전환됨에 따라 Vue 포팅'''
  * 드롭다운 작동 방식 변경
  * 상단바에 위키 로고 config 수정
  * vue로 전환하면서 the seed와 호환을 위해 .thetree-dark-mode → .theseed-dark-mode로 환원
  * 다른 드롭다운을 열었을 때 기존 드롭다운이 안 닫히는 오류? 해결
  * vue 전환에 따른 js 파일 제거
  * [다크 모드] 문서명 색상이 과도하게 바뀌는 문제 해결
  * [다크 모드] 라이선스 페이지에서 링크 색상 적용 안되는 문제 해결
 ==== 2025/04/28 ====
  * ACL 메시지 표시 후 클릭 시 편집 페이지로 이동
  * contentTool 새 엔진 호환
  * 제목 옆에 붙는 (역사)나 (비교) 등이 제목과 붙는 문제 해결
 ==== 2025/04/30 ====
  * 프로그레스 바 색상이 변경 안 되는 문제 해결
 ==== 2025/05/02 ====
  * 볼드체 700 → 600 재조정
 ==== 2025/05/03 ====
  * 내비바 고정일 때 사이드바 목차 위치 재조정

위키/스킨/Central(the tree)(비교)

위키/스킨/Central(the tree)_(비교)